<html xmls="http://www.w3.org/1992/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Datepicker by iNore</title>
	<!-- เริ่มส่วนของ Datepicker -->
	<!-- Stylesheet สำหรับ Datepicker  (สีส้ม) -->
	<link rel="stylesheet" type="text/css" href="css/ui-lightness/jquery-ui-1.10.3.custom.css">
	<script src="js/jquery.min.js"></script> <!-- หากมีไฟล์ jQuery แล้วไม่จำเป็นต้องนำบรรทัดนี้ไป -->
	<script src="js/jquery-ui.js"></script> <!-- จำเป็นต้องใช้ไฟล์นี้ -->
	<script>
		$(function() {
			// ประกาศวันที่ใหม่
			var d=new Date();
			/* 
			 * กำหนดวันที่ปัจจุบัน (วันนี้) toDay
			 * โดยปกติ ปีจะเป็น  ค.ศ.   จึงต้อง + 543  ให้เป็น พ.ศ. ก่อน
			 */ 
			var toDay = d.getDate() + '/' + (d.getMonth()+1) + '/' + (d.getFullYear()+543);
			// กำหนดช่วงปี ที่แสดงผล
			var thisYear = (d.getFullYear()+543); // กำหนดปีปัจจุบัน
			var firstYear = (d.getFullYear()+543-100); // ปีแรกที่แสดง
			/*
			 * กำหนด Selector จาก ID ของ Textbox ที่ต้องการให้เป็น Datepicker
			 * $( "กำหนด ID ของช่อง Textbox").datepicker({ ...
			 * เช่น <input type="text" name="dp1" id="dp1">  (id="dp1")
			 * $("#dp1").datepicker({ ...
			 */
			$( "#dp1" ).datepicker({
				isBuddhist: true, // พุทธศักราช
				yearRange: firstYear+":"+thisYear, // กำหนดช่วงปี  จากที่กำหนดด้านบน
				defaultDate: toDay , // กำหนดวันที่ปัจจุบัน
				// กำหนดวัน เป็นภาษาไทย
				dayNames: ['อาทิตย์','จันทร์','อังคาร',
						'พุธ','พฤหัสบดี','ศุกร์','เสาร์'],
				// กำหนดวัน ตัวย่อ เป็นภาษาไทย
				dayNamesMin: ['อา.','จ.','อ.','พ.','พฤ.','ศ.','ส.'],
				// กำหนดเดือน เป็นภาษาไทย
				monthNames: ['มกราคม','กุมภาพันธ์','มีนาคม',
						'เมษายน','พฤษภาคม','มิถุนายน',
						'กรกฎาคม','สิงหาคม','กันยายน',
						'ตุลาคม','พฤศจิกายน','ธันวาคม'],
				// กำหนดเดือนตัวย่อ เป็นภาษาไทย
				monthNamesShort: ['ม.ค.','ก.พ.','มี.ค.','เม.ย.',
						 'พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.',
						 'พ.ย.','ธ.ค.'],
				changeMonth: true, // สามารถเปลี่ยน/เลือก เดือนได้  (True/False)
				changeYear: true, // สามารถเปลี่ยน/เลือก ปีได้   (True/False)
				/*
				 * กำหนดรูปแบบวันที่ ที่ขึ้นบน Text
				 * d = วันที่  ;  m = เดือน  ; y = ปี
				 * ตัวอย่าง  dd/mm/yy  :  7/06/14
				 */
				dateFormat: "dd/mm/yy"
			});
		});
	</script>
	<!-- จบส่วนนของ Datepicker -->
</head>
<body>
	<!-- อย่าลืมกำหนด id ให้ตรงกับ Selector ในส่วนของ jQuery -->
	<input type="text" name="dp1" id="dp1" placeholder="วัน/เดือน/ปี(พ.ศ.)"><br>
	ดู Source Code แล้วทำความเข้าใจก่อนครับ ^^<br>
	กำหนดช่วงปีได้  ดูที่ yearRange
</body>
</html>